// 加载 form 模块
let form = layui.form

// -----------------------  完成数据回填/为表单赋值 -----------------------
// 1. 获取用户的信息 --> 2.设置输入框的默认值
// 封装函数 方便调用
function renderUser() {
  $.ajax({
    url: '/my/userinfo',
    success: function (res) {  // success 请求成功后的参数
      if (res.status === 0) {
        // 数据回填
        // form.val("formTest",
        // { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值 第二个值是获取到的值}
        form.val('abc', res.data)
      }
    }
  })
}
renderUser();

// -----------------------  提交表单数据，完成更新 -----------------------
$('form').on('submit', function (ev) {
  ev.preventDefault();
  let data = $(this).serialize();
  $.ajax({
    url: '/my/userinfo',
    type: 'POST',
    data,  //Es6 新语法 键和值一样的时候可以只写一个
    success: function (res) {
      layer.msg(res.message) ////弹出层 提示信息
      if (res.status === 0) {
        // 成功了
        // 重新设置欢迎语
        // 调用父页面的函数
        window.parent.getUserInfo();
      }
    }
  })
})
// -----------------------  重置 -----------------------
// contains 是jquery提供的内容选择器；
// 这里的意思是查找button，查找内容包含“重置”这两个字的button
$('button:contains("重置")').on('click', function (ev) {
  // 这里是重置按钮 需要阻止默认行为  不让表单清空
  ev.preventDefault();
  // 恢复到原来的数据 相当于数据回填
  renderUser();
})